<template>
    <div>
        <el-tabs v-model="activeName" type="card">
            <el-tab-pane label="部门管理" name="DepManager">
                <DepManager></DepManager>
            </el-tab-pane>
            <el-tab-pane label="职位管理" name="JobManager">
                <JobManager></JobManager>
            </el-tab-pane>
            <el-tab-pane label="职称管理" name="JobLevelManager">
                <JobLevelManager></JobLevelManager>
            </el-tab-pane>
            <el-tab-pane label="奖惩规则" name="AwardManager">
                <AwardManager></AwardManager>
            </el-tab-pane>
            <el-tab-pane label="权限组" name="PermissionManager">
                <PermissionManager></PermissionManager>
            </el-tab-pane>

        </el-tabs>
    </div>
</template>

<script>
    import DepManager from '../../components/sys/basic/DepManager'
    import JobManager from '../../components/sys/basic/JobManager'
    import JobLevelManager from '../../components/sys/basic/JobLevelManager'
    import PermissionManager from '../../components/sys/basic/PermissionManager'
    import AwardManager from '../../components/sys/basic/AwardManager'

    export default {
        name: 'SysBasic',
        components: {
            DepManager,
            JobManager,
            JobLevelManager,
            PermissionManager,
            AwardManager
        },
        data () {
            return {
                activeName: 'DepManager'
            }
        }
    }
</script>

<style scoped>

</style>
